﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="月主要产品产量表.aspx.cs" Inherits="syc.Juece.Report.月主要产品产量表" %>

<html>
<head id="Head1" runat="server">
    <title>月主要产品产量表</title>    
</head>
<script src="../../js/jquery.js" type="text/javascript"></script>
<script src="../../js/highcharts.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript" src="/common.js"></script> 
<script type="text/javascript">

    var chart;
    $(document).ready(function() {
        //准备数据
        //X轴，12个月
        var x = { data: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'] }
        //Y轴,实际产量
        var y1 = { data: [] };
        $(".sj").each(function() {
            y1.data.push(parseFloat($(this).html()));
        });
        //Y轴计划产量
        var y2 = { data: [] };
        $(".jh").each(function() {
            y2.data.push(parseFloat($(this).html()));
        });
        //Y轴计划产量
        var y3 = { data: [] };
        $(".lj").each(function() {
            y3.data.push(parseFloat($(this).html()));
        });
        //alert(y.data);

        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                defaultSeriesType: 'column',
                marginRight: 130,
                marginBottom: 25
            },
            title: {
                text: '延长石油',
                x: -20 //center
            },
            subtitle: {
                text: '分厂月主要产量',
                x: -20
            },
            xAxis: {
                categories: x.data
            },
            yAxis: {
                title: {
                    text: '实际产量 (吨)'
                },
                min: 1,
                plotLines: [{
                    value: 0,
                    width: 1,
                    color: '#808080'
}]
                },
                tooltip: {
                    formatter: function() {
                        return '<b>' + this.series.name + this.x + '月</b><br/>' +
								 this.y + ' 吨';
                    }
                },
                legend: {
                    layout: 'vertical',
                    align: 'right',
                    verticalAlign: 'top',
                    x: -10,
                    y: 100,
                    borderWidth: 0
                },

                series: [{
                    name: '实际产量',
                    data: y1.data
                }, {
                    name: '计划产量',
                    //data:[6,7,8,9]
                    data: y2.data
                },
                {
                    name: '累计产量',
                    //data:[6,7,8,9]
                    data: y3.data
}]
                });


            });
				
		</script>   
<body>
   <script type="text/javascript" language="javascript" src="/common.js"></script>    
    <form id="form1" runat="server">
    <div id="wintop" class="wintop">公司年产品产量分析表</div>
    <asp:Panel ID="Panel1" runat="server" CssClass="panel" GroupingText="查 询"> 
        
        年份:<asp:DropDownList ID="Year0" runat="server">
            <asp:ListItem>2009</asp:ListItem>
            <asp:ListItem>2010</asp:ListItem>
            <asp:ListItem>2011</asp:ListItem>
            <asp:ListItem>2012</asp:ListItem>
            <asp:ListItem>2013</asp:ListItem>
            <asp:ListItem>2014</asp:ListItem>
            <asp:ListItem>2015</asp:ListItem>
            <asp:ListItem>2016</asp:ListItem>
            <asp:ListItem>2017</asp:ListItem>
            <asp:ListItem>2018</asp:ListItem>
            <asp:ListItem>2019</asp:ListItem>
            <asp:ListItem>2020</asp:ListItem>
            <asp:ListItem>2021</asp:ListItem>
            <asp:ListItem>2022</asp:ListItem>
            <asp:ListItem>2023</asp:ListItem>
            <asp:ListItem>2024</asp:ListItem>
            <asp:ListItem>2025</asp:ListItem>           
            </asp:DropDownList>
        &nbsp; 材料名称:<asp:DropDownList ID="PinMing" runat="server" AutoPostBack="True">
            <asp:ListItem Text="油管(J55)" Value="1"></asp:ListItem>
            <asp:ListItem Text="套管(J55)" Value="2"></asp:ListItem>
            <asp:ListItem Text="油管接箍(J55)" Value="3"></asp:ListItem>
            <asp:ListItem Text="套管接箍(J55)" Value="4"></asp:ListItem>
            <asp:ListItem Text="螺纹保护器" Value="5"></asp:ListItem>
            <asp:ListItem Text="油管(N80)" Value="6"></asp:ListItem>
            <asp:ListItem Text="套管(N80)" Value="7"></asp:ListItem>
            <asp:ListItem Text="油管接箍(N80)" Value="8"></asp:ListItem>
            <asp:ListItem Text="套管接箍(N80)" Value="9"></asp:ListItem>
        </asp:DropDownList>
        <asp:Button ID="Button_Query"
            runat="server" Text="查 询" CssClass="smallbutton" UseSubmitBehavior="true" 
            onclick="Button_Query_Click"  />
        <asp:SqlDataSource ID="SqlDataSource2" runat="server" 
            ConnectionString="<%$ ConnectionStrings:SCMConnectionString1 %>" 
            SelectCommand="SELECT [ID], [品名] FROM [产品]"></asp:SqlDataSource>
        </asp:Panel>
      </div>
   <div id="tableExcel">
        <h2 style="text-align: center;">
            公司年产品产量分析表</h2>
 <div id="container" style="width: 1000px; height: 400px; margin: 0 auto"></div>           
        <div align="center">       
       <table width="850" border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td><div align="center"><strong>月份</strong></div></td>
    <td><div align="center"><strong>品名</strong></div></td>
    <td><div align="center"><strong>钢级</strong></div></td>
    <td><div align="center"><strong>单位</strong></div></td>
    <td><div align="center"><strong>本月计划量（吨）</strong></div></td>
    <td><div align="center"><strong>本月实际量（吨）</strong></div></td>
    <td><div align="center"><strong>本月止累计量（吨）</strong></div></td>
    <td><div align="center"><strong>本月完成率（%）</strong></div></td>
  </tr>
  <tr>
    <td><div align="center">1</div></td>
    <td><div align="center"><%=品名  %></div></td>
    <td><div align="center"><%=钢级  %></div></td>
    <td><div align="center"><%=单位 %></div></td>
    <td><div align="center" class="jh" ><%=计划量[0]%></div></td>
    <td><div align="center" class="sj" ><%=实际量[0] %></div></td>
    <td><div align="center" class="lj" ><%=本月止累计量[0]%></div></td>
    <td><div align="center"><%=完成率[0].ToString("0.000")%></div></td>
  </tr>
  <tr>
    <td><div align="center">2</div></td>
    <td><div align="center"><%=品名  %></div></td>
    <td><div align="center"><%=钢级  %></div></td>
    <td><div align="center"><%=单位 %></div></td>
    <td><div align="center" class="jh"><%=计划量[1]%></div></td>
    <td><div align="center" class="sj" ><%=实际量[1] %></div></td>
    <td><div align="center" class="lj" ><%=本月止累计量[1]%></div></td>
    <td><div align="center"><%=完成率[1].ToString("0.000")%></div></td>
  </tr>
  <tr>
    <td><div align="center">3</div></td>
    <td><div align="center"><%=品名  %></div></td>
    <td><div align="center"><%=钢级  %></div></td>
    <td><div align="center"><%=单位 %></div></td>
    <td><div align="center" class="jh"><%=计划量[2]%></div></td>
    <td><div align="center" class="sj" ><%=实际量[2] %></div></td>
    <td><div align="center" class="lj" ><%=本月止累计量[2]%></div></td>
    <td><div align="center"><%=完成率[2].ToString("0.000")%></div></td>
  </tr>
  <tr>
    <td><div align="center">4</div></td>
    <td><div align="center"><%=品名  %></div></td>
    <td><div align="center"><%=钢级  %></div></td>
    <td><div align="center"><%=单位 %></div></td>
    <td><div align="center" class="jh"><%=计划量[3]%></div></td>
    <td><div align="center" class="sj" ><%=实际量[3] %></div></td>
    <td><div align="center" class="lj" ><%=本月止累计量[3]%></div></td>
    <td><div align="center"><%=完成率[3].ToString("0.000")%></div></td>
  </tr>
  <tr>
    <td><div align="center">5</div></td>
    <td><div align="center"><%=品名  %></div></td>
    <td><div align="center"><%=钢级  %></div></td>
    <td><div align="center"><%=单位 %></div></td>
    <td><div align="center" class="jh"><%=计划量[4]%></div></td>
    <td><div align="center" class="sj" ><%=实际量[4] %></div></td>
    <td><div align="center" class="lj" ><%=本月止累计量[4]%></div></td>
    <td><div align="center"><%=完成率[4].ToString("0.000")%></div></td>
  </tr>
  <tr>
    <td><div align="center">6</div></td>
    <td><div align="center"><%=品名  %></div></td>
    <td><div align="center"><%=钢级  %></div></td>
    <td><div align="center"><%=单位 %></div></td>
    <td><div align="center" class="jh"><%=计划量[5]%></div></td>
    <td><div align="center" class="sj" ><%=实际量[5] %></div></td>
    <td><div align="center" class="lj" ><%=本月止累计量[5]%></div></td>
    <td><div align="center"><%=完成率[5].ToString("0.000")%></div></td>
  </tr>
  <tr>
    <td><div align="center">7</div></td>
    <td><div align="center"><%=品名  %></div></td>
    <td><div align="center"><%=钢级  %></div></td>
    <td><div align="center"><%=单位 %></div></td>
    <td><div align="center" class="jh"><%=计划量[6]%></div></td>
    <td><div align="center" class="sj" ><%=实际量[6] %></div></td>
    <td><div align="center" class="lj" ><%=本月止累计量[6]%></div></td>
    <td><div align="center"><%=完成率[6].ToString("0.000")%></div></td>
  </tr>
  <tr>
    <td><div align="center">8</div></td>
    <td><div align="center"><%=品名  %></div></td>
    <td><div align="center"><%=钢级  %></div></td>
    <td><div align="center"><%=单位 %></div></td>
    <td><div align="center" class="jh"><%=计划量[7]%></div></td>
    <td><div align="center" class="sj" ><%=实际量[7] %></div></td>
    <td><div align="center" class="lj" ><%=本月止累计量[7]%></div></td>
    <td><div align="center"><%=完成率[7].ToString("0.000")%></div></td>
  </tr>
  <tr>
    <td><div align="center">9</div></td>
    <td><div align="center"><%=品名  %></div></td>
    <td><div align="center"><%=钢级  %></div></td>
    <td><div align="center"><%=单位 %></div></td>
    <td><div align="center" class="jh"><%=计划量[8]%></div></td>
    <td><div align="center" class="sj" ><%=实际量[8] %></div></td>
    <td><div align="center" class="lj" ><%=本月止累计量[8]%></div></td>
    <td><div align="center"><%=完成率[8].ToString("0.000")%></div></td>
  </tr>
  <tr>
    <td><div align="center">10</div></td>
    <td><div align="center"><%=品名  %></div></td>
    <td><div align="center"><%=钢级  %></div></td>
    <td><div align="center"><%=单位 %></div></td>
    <td><div align="center" class="jh"><%=计划量[9]%></div></td>
    <td><div align="center" class="sj" ><%=实际量[9] %></div></td>
    <td><div align="center" class="lj" ><%=本月止累计量[9]%></div></td>
    <td><div align="center"><%=完成率[9].ToString("0.000")%></div></td>
  </tr>
  <tr>
    <td><div align="center">11</div></td>
    <td><div align="center"><%=品名  %></div></td>
    <td><div align="center"><%=钢级  %></div></td>
    <td><div align="center"><%=单位 %></div></td>
    <td><div align="center" class="jh"><%=计划量[10]%></div></td>
    <td><div align="center" class="sj" ><%=实际量[10] %></div></td>
    <td><div align="center" class="lj" ><%=本月止累计量[10]%></div></td>
    <td><div align="center"><%=完成率[10].ToString("0.000")%></div></td>
  </tr>
  <tr>
    <td><div align="center">12</div></td>
    <td><div align="center"><%=品名  %></div></td>
    <td><div align="center"><%=钢级  %></div></td>
    <td><div align="center"><%=单位 %></div></td>
    <td><div align="center" class="jh"><%=计划量[11]%></div></td>
    <td><div align="center" class="sj" ><%=实际量[11] %></div></td>
    <td><div align="center" class="lj" ><%=本月止累计量[11]%></div></td>
    <td><div align="center"><%=完成率[11].ToString("0.000")%></div></td>
  </tr>  
</table>
        </div>
    
    </div>

    </form>
    <script type="text/javascript">parent.hidesubmenu(true);</script>
</body>
</html>
